<template>
  <div>
    <!-- 头部 -->
    <userTitel :title="title"></userTitel>
    <!-- 卡片 -->
    <el-card shadow="never">
      <el-button>新增模板</el-button>
      <!-- 表格 -->
      <el-table :data="tableData" style="width: 100%">
        <el-table-column label="模板类型"> </el-table-column>
        <el-table-column label="运送类型"> </el-table-column>
        <el-table-column label="关联城市"> </el-table-column>
        <el-table-column label="首重"> </el-table-column>
        <el-table-column label="续重"> </el-table-column>
        <el-table-column label="轻抛系数"> </el-table-column>
      </el-table>
    </el-card>
    <!-- 弹框 -->

    <el-dialog title="收货地址" :visible.sync="dialogFormVisible">
      <el-form :model="form">
        <el-form-item label="活动名称" :label-width="formLabelWidth">
          <el-input v-model="form.name" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="活动区域" :label-width="formLabelWidth">
          <el-select v-model="form.region" placeholder="请选择活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogFormVisible = false"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "dddd-s",
  data() {
    return {
      title: "运费管理",
      tableData: [],
      dialogFormVisible: true,
      form: [],
    };
  },

  created() {},

  methods: {},
};
</script>

<style scoped lang="scss">
::v-deep .el-form-item__content {
  text-align: left !important;
}
::v-deep .el-dialog__title {
  line-height: 24px !important;
  text-align: left !important;
  // float: left;
}
::v-deep .el-dialog__header {
  line-height: 24px !important;
  text-align: left !important;
  // float: left;
}
::v-deep .el-table th.el-table__cell > .cell {
  background-color: #f8faff;
  height: 50px;
  margin-bottom: -20px;
  line-height: 2.5;
  margin-top: -130px;
  border: 1px solid #ebeef5;
}
::v-deep .el-table__header-wrapper {
  background-color: #f8faff;
  height: 51px;
}
.el-button {
  float: left;
  background-color: #e15536;
  color: #fff;
}
</style>
